<!--
 * @由于个人水平有限, 难免有些错误, 还请指点:  
 * @Author: cpu_code
 * @Date: 2020-10-08 22:30:15
 * @LastEditTime: 2020-10-09 12:01:03
 * @FilePath: \web\html\case2\case2.html
 * @Gitee: [https://gitee.com/cpu_code](https://gitee.com/cpu_code)
 * @Github: [https://github.com/CPU-Code](https://github.com/CPU-Code)
 * @CSDN: [https://blog.csdn.net/qq_44226094](https://blog.csdn.net/qq_44226094)
 * @Gitbook: [https://923992029.gitbook.io/cpucode/](https://923992029.gitbook.io/cpucode/)
-->
<!DOCTYPE html>
<html lang="ch">
    <head>
        <meta charset="UTF-8">
        <title>cpucode网站首页</title>
    </head>

    <body>
        <!--采用table来完成布局-->
        <!--最外层的table，用于整个页面的布局-->
        <table width="100%" align="center">
            <!-- 第一行 -->
            <tr>
                <td>
                    <img src="image/top_banner.jpg" width="100%" alt="">
                </td>
            </tr>

            <!--第二行-->
            <tr>
                <td>
                    <table>
                        <tr>
                            <td>
                                <img src="image/logo.png" alt="">
                            </td>

                            <td>
                                <img src="image/search.png" alt="">
                            </td>

                            <td>
                                <img src="image/hot_tel.jpg" alt="" >
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!-- 第3行 -->
            <tr>
                <td>
                    <table width="100%" align="center">
                        <tr bgcolor="#da8922" align="center" height="45">
                            <td>
                                <a href="">首页</a>
                            </td>

                            <td> 折扣 </td>
                            <td> 国内 </td>
                            <td> 国外 </td>

                        </tr>
                    </table>
                </td>
            </tr>

            <!--第4行 轮播图-->
            <tr>
                <td>
                    <img src="image/banner_3.jpg" alt="" width="100%">
                </td>
            </tr>

            <!--第5行 精选-->
            <tr>
                <td>
                    <img src="image/icon_5.jpg" alt="">
                    cpucode精选
                    <hr color="#ddccaa"/>
                </td>
            </tr>

            <!-- 第6行 -->
            <tr>
                <td>
                    <table align="center" width="95%">
                        <tr>
                            <td>
                                <img src="image/jiangxuan_1.jpg" alt="">
                                <p> 上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行) </p>
                                <font color="red"> &yen;999 </font>
                            </td>

                            <td>
                                <img src="image/jiangxuan_2.jpg" alt="">
                                <p>深圳飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                <font color="blue">&yen; 499</font>
                            </td>

                            <td>
                                <img src="image/jiangxuan_3.jpg" alt="">
                                <p>北京飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                <font color="yellow">&yen; 899</font>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!-- 第7行 国内游 -->
            <tr>
                <td>
                    <img src="image/icon_6.jpg" alt="">
                    国内游
                    <hr color="#aa81ff">
                </td>
            </tr>

            <!-- 第8行 -->
            <tr>
                <td>
                    <table>
                        <tr>
                            <td rowspan="2">
                                <img src="image/jiangxuan_5.jpg" alt="">
                            </td>

                            <td>
                                <img src="image/jiangxuan_4.jpg" alt="" height="100%">
                                <p>美国飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                <font color="red">&yen; 699</font>
                            </td>

                        </tr>

                        <tr>
                            <td>
                                <img src="image/jiangxuan_2.jpg" alt="">
                                <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                <font color="green">&yen; 199</font>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!-- 第9行 境外游 -->
            <tr>
                <td>
                    <img src="image/icon_7.jpg" alt="">
                    境外游
                    <hr  color="#ffd700" >
                </td>
            </tr>

            <!-- 第10行 -->
            <tr>
                <td>
                    <table align="center" width="95%">
                        <tr>
                            <td>
                                <img src="image/jiangxuan_3.jpg" alt="">
                                 <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                 <font color="red">&yen; 699</font>
                             </td>
     
                             <td>
     
                                <img src="image/jiangxuan_3.jpg" alt="">
                                 <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                 <font color="red">&yen; 699</font>
                             </td>

                             <td rowspan="2" align="right">
                                <img src="image/jiangwai_1.jpg" alt="">
                            </td>
                        </tr>
                        
                        <tr >
                            <td>
                                <img src="image/jiangxuan_3.jpg" alt="">
                                 <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                                 <font color="red">&yen; 699</font>
                             </td>
                        </tr>

                    </table>

                </td>
            </tr>

            <!-- 第11行 -->
            <tr>
                <td>
                    <img src="image/footer_service.png" alt="" width="100%">
                </td>
            </tr>

            <!-- 第12行 -->
            <tr>
                <td align="center" bgcolor="#ffd700" height="40">
                    <font color="gray" size="2">
                    cpucode科技股份有限公司
                    版权所有Copyright 2006-2020&copy;, All Rights Reserved
                    </font>
                </td>
            </tr>

        </table>
        
    </body>
</html>